<!DOCTYPE html>
<html lang="en">
<head>
  <title>Crypto C14 One stop blockchain DApp</title>
  <meta charset="utf-8">
  <meta name="description" content="Crypto C14 One stop blockchain DApp">
  <meta name="keywords" content="blockchain, crypto evidence, digital evidence, DAPP, anti-counterfeiting, traceability, NFT, reward points">
  <meta name="author" content="wechat ID: fengyun_houston">
  <meta name="wallet" content="ARDOR-49CE-CXZZ-3QHW-AH4JK">
  <meta name="integrity" content="token...">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel = "icon" href ="images/logo-cc14.png" type = "image/x-icon">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style-cc14.css">
  <link rel="stylesheet" href="css/jquery.dataTables.min.css">
  <style>
  @media all and (min-width: 992px) {
	  .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: #000;  }
	  .navbar .nav-item:hover .dropdown-menu{ display: block; }
	  .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
</style>
</head>
<body>
  <div style="min-height: calc(100vh - 50px);">
    <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light shadow" id="navbar">
      <div class="container-fluid">
        <a class="navbar-brand" href="index.html"><img src="images/logo-cc14.png" width="74" height="44" loading="lazy"></a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <!-- load by src='js/nav_footer.js' -->
        </div>
      </div>
    </nav>
    <div class="container-fluid"><!-- container ============================ -->

      <div class="row align-items-center"><!-- image slider ================ -->
        <div class="col-12 col-sm-10 mx-auto mt-4" >
          <div  class="carousel slide carousel-dark" data-bs-ride="carousel" id="productImages">
            <ol class="carousel-indicators">
              <li data-target="#productImages" data-slide-to="0" class="active"></li>
              <li data-target="#productImages" data-slide-to="1"></li>
              <li data-target="#productImages" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
              <div class="carousel-item active"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-1" src="images/upc-image-1.png" alt=""></a>
              </div>
              <div class="carousel-item"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-2" src="images/upc-image-2.png" alt=""></a>
              </div>
              <div class="carousel-item"><a href="shop.html">
                <img class="d-block mx-auto w-100" id="slideshow-3" src="images/upc-image-3.png" alt=""></a>
              </div>
            </div>
            <a class="carousel-control-prev" href="#productImages" role="button" data-bs-slide="prev">
              <span class="carousel-control-prev-icon bg-dark rounded-circle p-3"></span>
            </a>
            <a class="carousel-control-next" href="#productImages" role="button" data-bs-slide="next">
              <span class="carousel-control-next-icon bg-dark rounded-circle p-3"></span>
            </a>
          </div>
        </div>
      </div><!-- image slider end ===========================================-->

      <div class="row" name="actionBlock"><!-- actionBlock ==================-->
        <div class="col-12 col-sm-10 mx-auto">
          <div class="accordion">

            <div class="accordion-item" name="Authorize anti-counterfeiting product">
              <h2 class="accordion-header" id="issueNFTflip">
                <button id="issueNFTbtn" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#issueNFTpanel" aria-expanded="false" aria-controls="issueNFTpanel" >
                  <h4>&#x1F430; Authorize Anti-counterfeiting product</h4>
                </button>
              </h2>
              <div id="issueNFTpanel" class="accordion-collapse collapse" aria-labelledby="issueNFTflip" >
                <div class="accordion-body">
                  <div id="issueNFTFormAction">
                    <form id="issueNFTForm">
                      <div class="input-group mb-3" >
                        <span class="input-group-text" >Barcode</span>
                        <input type="text" class="form-control" name='barcode' list="barcodeList" maxlength="14" >
                        <datalist id="barcodeList">
                          <option value="6901234567890">CC14 Collapsible Umbrella, Sky 43-inch</option>
                          <option value="6903456789012">CC14 logo polo shirts, set of two</option>
                          <option value="6902345678901">Dahongpao tea, set of two</option>
                        </datalist>
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Description</span>
                        <input type="text" class="form-control" value="text ..." name='description' maxlength="500"  >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Additional Information</span>
                        <input type="text" class="form-control" name='message' maxlength="500" placeholder="optional ..."  >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Passphrase</span>
                        <input type="password" class="form-control" name='secretPhrase' value="midnight seven through card squeeze point lovely joke gone own ink ancient">
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Quantity</span>
                        <input type="number" class="form-control" name='issueQty' list="issueNFTList1" min="2" max="100">
                        <datalist id="issueNFTList1">
                          <option value="2">Quantity 2</option>
                          <option value="5">Quantity 5</option>
                          <option value="10">Quantity 10</option>
                        </datalist>
                      </div>
                      <div class="input-group justify-content-end mb-3">
                        <input type="reset" class="btn btn-outline-secondary" value="&#x1F503;Reset">
                        <input type="submit" class="btn btn-outline-secondary " id="requestDTbtn" value="&#x2705;Prepare transactionBytes">
                      </div>
                    </form>
                    <form id="issueNFTBroadcastForm">
                      <input type="hidden" name="requestType" value="broadcastTransaction">
                      <input type="hidden" name="transactionBytes" value="">
                      <input type="submit" id="issueNFTBroadcastBtn" class="btn btn-success btn-lg" style="width:100%" value="&#x2714; Confirm broadcast">
                    </form>
                  </div>
                  <div class="col-12 col-sm-12 d-none" id="issueNFTResponse">
                    <div class="overflow-auto" name="issueNFTResult">
                        <h5>Summary:</h5>
                        <span>Save to <button id="table2excel" class="btn btn-outline-secondary btn-sm">&#x1F4E5; spreadsheet</button>. Transaction fee are paid in IGNIS.</span><br>
                        <span><br><b>Note: </b>in order to maintain minimum  blance in demonstration account, <input type="button" class="btn btn-success btn-sm" disabled value="&#x2714;Confirm broadcast"> will be disabled if issue more than 2 title tokens.</span>
                      <div class="table-responsive">
                        <table class="table table-sm text-nowrap fs-6 table-bordered border-info caption-top" id="issueNFTResultTbl">
                          <thead class="thead-light">
                            <tr>
                              <th>#</th>
                              <th>Secure Code</th>
                              <th>Registration Code</th>
                              <th>Full hash</th>
                              <th>Barcode</th>
                              <th>Asset name</th>
                              <th>Description</th>
                              <th>Mssage</th>
                              <th>Issuer wallet</th>
                              <th>Issuance time</th>
                              <th>fee</th>
                            </tr>
                          </thead>
                          <tbody id="myTable">
                          </tbody>
                        </table>
                      </div>
                      <div class="justify-content-center overflow-auto" id="issueNFTQRCode" style="max-height:320px"></div>
                    </div>
                    <div class="text-wrap text-break overflow-auto" style="max-height:800px">
                      <h5>JSON response</h5>
                      <span id="issueNFTJSON"></span>
                    </div>
                  </div>
                </div><!-- accordion-item panel body end =================== -->
              </div><!-- accordion-item panel end ========================== -->
            </div><!-- accordion-item end ================================== -->

            <div class="accordion-item" name="Authorize anti-counterfeiting product">
              <h2 class="accordion-header" id="activationSearchFlip">
                <button id="activationSearchBtn" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#activationSearchPanel" aria-expanded="false" aria-controls="activationSearchPanel" >
                  <h4>&#x1F426; Activate anti-counterfeiting product</h4>
                </button>
              </h2>
              <div id="activationSearchPanel" class="accordion-collapse collapse" aria-labelledby="activationSearchFlip" >
                <div class="accordion-body">
                  <div id="activationAction">
                    <form id="activationSearchForm">
                      <div class="input-group mb-3">
                        <span class="input-group-text" >Wallet</span>
                        <input type="text" class="form-control" name="account" list="activationSearchList" >
                        <datalist id="activationSearchList">
                          <option value="ARDOR-6GHE-PZHL-A7NV-HPAYQ">Issuer wallet 1</option>
                          <option value="ARDOR-8V6U-U34X-SSSZ-83ZLJ">Issuer wallet 2</option>
                          <option value="ARDOR-JNYN-A76A-MHRC-BC5QQ">Activation 1</option>
                          <option value="ARDOR-YU7X-Q4HS-X6H5-BD5TS">Activation 2</option>
                        </datalist>
                      </div>
                      <div class="input-group mb-3">
                        <span class="input-group-text" >Comments</span>
                        <input type="text"  class="form-control" name="message" placeholder="lot No, Operator ID...">
                      </div>
                      <div class="input-group justify-content-end mb-3">
                        <input type="button" class="btn btn-outline-secondary" value="&#x1F503; Reload" onClick="reloadClearFn()">
                        <input type="submit" class="btn btn-outline-secondary " value="&#x1F50D; Search ">
                      </div>
                    </form>
                  </div>
                  <div class="table-responsive mb-3 d-none" id="activationSearchTblDisplay" >
                    <table class="table table-sm text-nowrap fs-6 table-bordered border-info caption-top" id="activationSearchTbl">
                      <thead class="thead-light">
                        <tr class="filters">
                          <th>Barcode</th>
                          <th>Secure Code</th>
                          <th>Issue Date</th>
                          <th>Issuer wallet</th>
                          <th>qty</th>
                          <th>decimals</th>
                          <th>Transaction full hash</th>
                        </tr>
                      </thead>
                      <tbody id="activationSearchTbody">
                      </tbody>
                      <tfoot>
                        <tr>
                          <th><span style="opacity:0.3" onclick="dataTablesFn()">Search barcode</span></th>
                          <th><span style="opacity:0.3">Secure Code</span></th>
                          <th><span style="opacity:0.3" onclick="dataTablesFn()">Search date</span></th>
                          <th><span style="opacity:0.3" onclick="dataTablesFn()">Search issuer</span></th>
                          <th><span style="opacity:0.3" onclick="dataTablesFn()">Search qty</span></th>
                          <th><span style="opacity:0.3">decimals</span></th>
                          <th><span style="opacity:0.3" onclick="dataTablesFn()">Search full hash</span></th>
                        </tr>
                      </tfoot>
                    </table>
                  </div>

                  <div class="mb-3">
                    <form id="activationConfirmForm">
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Action</span>
                        <select class="form-select" type="text" name="recipient"  onchange="activationConfirmBtnFn(this.options[this.selectedIndex].value)">
                          <option value="ARDOR-JNYN-A76A-MHRC-BC5QQ" class="activationConfirmRecipient">Product Activation 1 - ARDOR-JNYN-A76A-MHRC-BC5QQ</option>
                          <option value="ARDOR-YU7X-Q4HS-X6H5-BD5TS" class="activationConfirmRecipient">Product Activation 2 - ARDOR-YU7X-Q4HS-X6H5-BD5TS</option>
                          <option value="ARDOR-LK4C-4WAU-UEMU-8U3YB" >Burn unauthorized assets</option>
                          </select>
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Passphrase</span>
                        <input class="form-control" type="password" id="activationConfirmFormPassword" name="secretPhrase" value="">
                      </div>
                      <input type="hidden"  name="message" id="activationConfirmFormMessage" value="autocomplete by DApp...">
                      <input type="submit" id="activationConfirmBtn" class="btn btn-success btn-lg" style="width:100%"  value="&#x2714; Confirm Product Activation">
                    </form>
                  </div>
                  <div class="table-responsive d-none" id="activationConfirmTblDisp">
                    <p>Filtered products keeps in <b id="activationConfirmWallet"></b>, a dedicated wallet for <span id="walletType">product activation</span>。Fee is paid in IGNIS</p>
                    <table class="table table-sm table-bordered text-nowrap" id="activationConfirmTbl">
                      <thead class="thead-light">
                        <tr class="filters">
                          <th id="activationConfirmTblThead">Activated</th>
                          <th>Wallet</th>
                          <th>fee</th>
                          <th>time</th>
                          <th>Transaction full hash</th>
                        </tr>
                      </thead>
                      <tbody id="activationConfirmTbody">
                      </tbody>
                      <tfoot>
                        <tr>
                          <th><span style="opacity:0.3">Asset ID</span></th>
                          <th><span style="opacity:0.3">Wallet</span></th>
                          <th><span style="opacity:0.3">fee</span></th>
                          <th><span style="opacity:0.3">time</span></th>
                          <th><span style="opacity:0.3">Transaction full hash</span></th>
                        </tr>
                      </tfoot>
                    </table>
                  </div>

                  <div class="col-12 col-sm-12 d-none" id="activationJSONDisplay">
                  <div class="text-wrap text-break overflow-auto" style="max-height:640px">
                    <h5>JSON response</h5>
                    <span id="activationJSON"></span>
                    </div>
                  </div>

                </div><!-- accordion-item panel body end =================== -->
              </div><!-- accordion-item panel end ========================== -->
            </div><!-- accordion-item end ================================== -->

            <div class="accordion-item" name="Authorize traceable Product">
              <h2 class="accordion-header" id="issueAssetFlip">
                <button id="issueAssetbtn" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#issueAssetPanel" aria-expanded="false" aria-controls="issueAssetPanel" >
                  <h4>&#x1F426; Authorize traceable Product</h4>
                </button>
              </h2>
              <div id="issueAssetPanel" class="accordion-collapse collapse" aria-labelledby="issueAssetFlip" >
                <div class="accordion-body">
                  <div class="col-12 col-sm-12 mb-3">
                    <form id="issueAssetForm">
                      <div class="input-group mb-3">
                        <span class="input-group-text" >Quantity</span>
                        <input type="text" class="form-control" name="quantity" value="1234.500">
                        <span class="input-group-text" >decimals</span>
                        <input type="text" class="form-control" name="decimals" value="3" >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text" >Barcode</span>
                        <input type="text" class="form-control" name='barcode' list="barcodeList2" maxlength="14" value="9876123456789">
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Description</span>
                        <input type="text" class="form-control" value='{"unit":"kg", "lotNo":"GX-45678"}' name='description' maxlength="500" >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Message</span>
                        <input type="text" class="form-control" name='message' maxlength="500" placeholder="optional ...">
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Passphrase</span>
                        <input type="password" class="form-control" name='secretPhrase' value="midnight seven through card squeeze point lovely joke gone own ink ancient">
                      </div>
                      <div class="input-group justify-content-end mb-3">
                        <input type="reset" class="btn btn-outline-secondary" value="&#x1F503;Reset">
                        <input type="submit" class="btn btn-outline-secondary " id="requestDTbtn" value="&#x2705;Prepear transactionBytes">
                      </div>
                    </form>
                    <div>
                      <form id="issueAssetBroadcastTransactionForm">
                        <input type="text" id="issueAssetTransactionBytes" class="form-control mb-3" name="transactionBytes" placeholder="autocomplete by DApp...">
                        <input type="button" id="issueAssetBroadcastBtn" class="btn btn-success btn-lg" style="width:100%"  value="&#x2714; Boradcast transactionBytes" onClick="broadcastTransactionFn('issueAsset')">
                      </form>
                    </div>
                  </div>
                  <div class="d-none" id="issueAssetDisplay">
                    <div overflow-auto>
                      <h5>Summary:</h5>
                      <span id="issueAssetBroadcastTransactionResult"></span>
                      <div id="issueAssetResult"></div>
                      <div class="justify-content-center overflow-auto" id="issueAssetQRCode" style="max-height:320px"></div>
                    </div>
                    <div class="text-wrap text-break overflow-auto" style="max-height:640px">
                      <span id="issueAssetJSON"><h5>JSON response</h5></span>
                    </div>
                  </div>
                </div><!-- accordion-item panel body end =================== -->
              </div><!-- accordion-item panel end ========================== -->
            </div><!-- accordion-item end ================================== -->

            <div class="accordion-item" name="Additional Product Information">
              <h2 class="accordion-header" id="setAssetPropertyFlip">
                <button id="setAssetPropertyBtn" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#setAssetPropertyPanel" aria-expanded="false" aria-controls="setAssetPropertyPanel" >
                  <h4>&#x1F41F; Additional Product Information</h4>
                </button>
              </h2>
              <div id="setAssetPropertyPanel" class="accordion-collapse collapse " aria-labelledby="setAssetPropertyFlip" >
                <div class="accordion-body">
                  <div id="setAssetPropertyAction">
                    <form id="setAssetPropertyForm">
                      <div class="input-group mb-3">
                        <span class="input-group-text" >Asset ID</span>
                        <input type="text" class="form-control" name="asset" value="10670286826004572249">
                      </div>
                      <div class="input-group mb-3">
                        <span class="input-group-text" >Property</span>
                        <input type="text" class="form-control rounded-end" name="property" list="setAssetPropertyList1" >
                        <datalist id="setAssetPropertyList1">
                          <option value="recall">Recall</option>
                          <option value="warning">Warning</option>
                          <option value="marketing">Marketing</option>
                        </datalist>
                        <span class="input-group-text" >Value</span>
                        <input type="text" class="form-control" name="value" placeholder="text...">
                      </div>
                      <div class="input-group mb-3">
                        <span class="input-group-text" >message</span>
                        <input type="text" class="form-control rounded-end" name="message" list="setAssetPropertyList2" placeholder="选项..." >
                        <datalist id="setAssetPropertyList2">
                          <option value='{"operator":"No201912345"}'>operator 1</option>
                          <option value='{"operator":"No201702345"}'>operator 2</option>
                        </datalist>
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">Passphrase</span>
                        <input type="password" class="form-control" name='secretPhrase' value="midnight seven through card squeeze point lovely joke gone own ink ancient">
                      </div>
                      <div class="input-group justify-content-end mb-3">
                        <input type="reset" class="btn btn-outline-secondary" value="&#x1F503;Reset">
                        <input type="submit" class="btn btn-outline-secondary " id="requestDTbtn" value="&#x2705;Prepare transactionBytes ">
                      </div>
                    </form>
                    <div>
                      <form id="setAssetPropertyBroadcastTransactionForm">
                        <input type="text" id="setAssetPropertyTransactionBytes" class="form-control mb-3" name="transactionBytes" placeholder="autocomplete by DApp ...">
                        <input type="submit" class="btn btn-success btn-lg" style="width:100%"  value="&#x2714; Boradcast transactionBytes" onClick="broadcastTransactionFn('setAssetProperty')">
                      </form>
                    </div>
                  </div>
                  <div class="d-none" id="setAssetPropertyDisplay">
                    <div class="overflow-auto" name="setAssetPropertyResult">
                      <div>
                        <h5 >Summary:</h5>
                        <span id="setAssetPropertyBroadcastTransactionResult" ></span>
                        <div id="setAssetPropertyResult" ></div>
                      </div>
                    </div>
                    <div class="text-wrap text-break overflow-auto" style="max-height:640px">
                      <span id="setAssetPropertyJSON"><h5>JSON response</h5></span>
                    </div>
                  </div>
                </div><!-- accordion-item panel body end =================== -->
              </div><!-- accordion-item panel end ========================== -->
            </div><!-- accordion-item end ================================== -->

            <div class="accordion-item" name="Create Reward Points Program">
              <h2 class="accordion-header" id="issueRewardFlip">
                <button id="issueRewardbtn" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#issueRewardPanel" aria-expanded="false" aria-controls="issueRewardPanel" >
                  <h4 style="opacity:0.3;">&#x1F414; Create Reward Points Program coming soon...</h4>
                </button>
              </h2>
              <div id="issueRewardPanel" class="accordion-collapse collapse" aria-labelledby="issueRewardFlip" >
                <div class="accordion-body">
                  <div class="col-12 col-sm-12 mb-3">
                    <form >
                      <input type="hidden" name="requestType" value="issueAsset">
                      <input type="hidden" name="chain" value="2">
                      <div class="input-group mb-3">
                        <span class="input-group-text" >Quantity</span>
                        <input type="text" class="form-control" name="quantityQNT" value="100000">
                        <span class="input-group-text" >decimals</span>
                        <input type="text" class="form-control" name="decimals" value="0" >
                      </div>
                      <input type="hidden" name="feeNQT" value="-1">
                      <input type="hidden" name="broadcast" value="false">
                      <div class="input-group mb-3" >
                        <span class="input-group-text" >barcode</span>
                        <input type="text" class="form-control" name='name' list="barcodeList2" maxlength="14" value="123456789">
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">description</span>
                        <input type="text" class="form-control" value='{"unit":"克", "lotNo":"GX-45678"}' name='description' maxlength="500" >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">note</span>
                        <input type="text" class="form-control" name='message' maxlength="500" placeholder="optional"  >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">passohrase</span>
                        <input type="password" class="form-control" name='secretPhrase' value="">
                      </div>
                      <div class="input-group justify-content-end mb-3">
                        <input type="reset" class="btn btn-outline-secondary" value="&#x1F503;Reset">
                        <input type="submit" class="btn btn-outline-secondary " value="&#x2705;Prepare transactionBytes">
                      </div>
                    </form>
                    <div>
                      <form >
                        <input type="hidden" name="requestType" value="broadcastTransaction">
                        <input type="hidden" class="form-control mb-3" name="transactionBytes" placeholder="autocomplete by DApp...">
                        <input type="submit" class="btn btn-success btn-lg" disabled style="width:100%"  value="&#x2714; Confirm broadcase ">
                      </form>
                    </div>
                  </div>
                  <div class="col-12 col-sm-12 d-none" >
                    <div name="issueRewardResult">
                      <hr style="color:red;border-top: 1px solid blue">
                      <div>
                        <h5 >Summary:</h5>
                        <span  ></span><br>
                      </div>
                      <div class="justify-content-center overflow-auto"  style="max-height:320px"></div>
                    </div>
                    <div class="text-wrap text-break overflow-auto" style="max-height:640px">
                      <hr style="color:red;border-top: 1px solid blue">
                      <span ><h5>JSON response</h5></span>
                    </div>
                  </div>
                </div><!-- accordion-item panel body end =================== -->
              </div><!-- accordion-item panel end ========================== -->
            </div><!-- accordion-item end ================================== -->

            <div class="accordion-item" name="Deactivate Reward Points">
              <h2 class="accordion-header" id="issueRewardFlip">
                <button id="issueRewardbtn" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#issueRewardPanel" aria-expanded="false" aria-controls="issueRewardPanel" >
                  <h4 style="opacity:0.3;">&#x1F421; Deactivate Reward Points Program coming soon...</h4>
                </button>
              </h2>
              <div id="issueRewardPanel" class="accordion-collapse collapse" aria-labelledby="issueRewardFlip" >
                <div class="accordion-body">
                  <div class="col-12 col-sm-12 mb-3">
                    <form >
                      <input type="hidden" name="requestType" value="issueAsset">
                      <input type="hidden" name="chain" value="2">
                      <div class="input-group mb-3">
                        <span class="input-group-text" >Quantitydecimals</span>
                        <input type="text" class="form-control" name="quantityQNT" value="100000">
                        <span class="input-group-text" >decimals</span>
                        <input type="text" class="form-control" name="decimals" value="0" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="top" title="例如3表示交易单位精确至小数点后第3位，以此类推。">
                      </div>
                      <input type="hidden" name="feeNQT" value="-1">
                      <input type="hidden" name="broadcast" value="false">
                      <div class="input-group mb-3" >
                        <span class="input-group-text" >barcode</span>
                        <input type="text" class="form-control" name='name' maxlength="14" value="123456789">
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">description</span>
                        <input type="text" class="form-control" value='{"unit":"克", "lotNo":"GX-45678"}' name='description' maxlength="500" data-bs-toggle="tooltip" data-bs-placement="top" title="企业定义..." >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">note</span>
                        <input type="text" class="form-control" name='message' maxlength="500" placeholder="选填" data-bs-toggle="tooltip" data-bs-placement="top" title="未加密信息，例如工号..." >
                      </div>
                      <div class="input-group mb-3" >
                        <span class="input-group-text">passphrase</span>
                        <input type="password" class="form-control" name='secretPhrase' value="midnight seven through card squeeze point lovely joke gone own ink ancient">
                      </div>
                      <div class="input-group justify-content-end mb-3">
                        <input type="reset" class="btn btn-outline-secondary" value="&#x1F503;Reset">
                        <input type="submit" class="btn btn-outline-secondary "  value="&#x2705;Prepare transactionBytes">
                      </div>
                    </form>
                    <div>
                      <form >
                        <input type="hidden" name="requestType" value="broadcastTransaction">
                        <input type="hidden"  class="form-control mb-3" name="transactionBytes" placeholder="autocomplete by DApp...">
                        <input type="submit" class="btn btn-success btn-lg" disabled style="width:100%"  value="&#x2714; Confirm broadcast ">
                      </form>
                    </div>
                  </div>
                  <div class="col-12 col-sm-12 d-none" >
                    <div name="issueRewardResult">
                      <hr style="color:red;border-top: 1px solid blue">
                      <div>
                        <h5 >Summary:</h5>
                        <span ></span><br>
                        <!-- <span><br><b>注: </b><input type="button" class="btn btn-outline-secondary btn-sm" disabled value="&#x2714;确认上链"> 操作被停用，以降低演示账户里的火链币消耗。</span> -->
                      </div>
                      <div class="justify-content-center overflow-auto"  style="max-height:320px"></div>
                    </div>
                    <div class="text-wrap text-break overflow-auto" style="max-height:640px">
                      <hr style="color:red;border-top: 1px solid blue">
                      <span ><h5>JSON response</h5></span>
                    </div>
                  </div>
                </div><!-- accordion-item panel body end =================== -->
              </div><!-- accordion-item panel end ========================== -->
            </div><!-- accordion-item end ================================== -->

          </div><!-- accordion end ========================================= -->
        </div>
      </div><!-- actionBlock end ============================================-->
    </div><!-- container end =============================================== -->
  </div><!-- 100% vh end =================================================== -->
  <footer id="footer" style="height: 50px;">
    <!-- load by nav_footer.js -->
  </footer>
</body>
<script>
  var isNode = false;
</script>
<script src='js/3rdparty/jquery-3.5.1.min.js'></script>
<script src='js/3rdparty/bootstrap.bundle.min.js' ></script>
<script src="js/3rdparty/easy.qrcode.js"  charset="utf-8"></script>
<script src="js/3rdparty/crypto-js.min.js"></script>
<script src="js/3rdparty/jsbn.js"></script>
<script src="js/3rdparty/jsbn2.js"></script>
<script src="js/3rdparty/extensions.js"></script>
<script src="js/3rdparty/converters.js"></script>
<script src="js/3rdparty/nrs.util.js"></script>
<script src="js/3rdparty/jquery.table2excel.js"></script>
<script src="js/3rdparty/filter.js"></script>
<script src="js/3rdparty/jquery.dataTables.min.js" ></script>
<script src='js/scripts-cc14en.js' ></script>
<script src='js/nav_footer.js' ></script>
<script src='data/myAddressBook.json' ></script>
<script src='data/myAssetBook.json' ></script>
<script src='data/doNotShare.json' ></script>
<script>
  var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
  var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {return new bootstrap.Tooltip(tooltipTriggerEl)});
  $("#navbarSupportedContent").html(navbarSupportedContentHtml);
  $("#footer").html(footerHtml);
  $("input[type='text']").on("click", function () {$(this).select();});
  function activationConfirmBtnFn(selected){
    $("#activationConfirmWallet").html(selected);
    if(selected == "ARDOR-LK4C-4WAU-UEMU-8U3YB"){
      $("#activationConfirmBtn").val(" 🔥 Confirm Burn Assets");
      $("#walletType").html("Burn only");
      $("#activationConfirmTblThead").html("Burned assets");
      $("#activationConfirmBtn").removeClass("btn-success");
      $("#activationConfirmBtn").addClass("btn-danger");
    }else{
      $("#activationConfirmBtn").val(" ✔ Confirm Activation");
      $("#walletType").html("激活专用");
      $("#activationConfirmTblThead").html("Activated Product");
      $("#activationConfirmBtn").removeClass("btn-danger");
      $("#activationConfirmBtn").addClass("btn-success");
    }
  }
</script>
</html>
